// 主色
$color-primary: #32aaff;
$color-primary-hover: #0f96ff;
// 次主色
$color-primary-2: #2696dd;
$color-primary-hover-2: #0696dd;
// 成功
$color-success: #3c763d;
$color-success-hover: #2b542c;
$color-success-2: #090;
// 错误
$color-danger: #dc3545;
$color-danger-hover: #AC3838;
// 警告
$color-warning: #8a6d3b;
$color-warning-hover: #66512c;
$color-warning-2: #F90;
// 消息
$color-info: #31708f;
$color-info-hover: #245269;
// 失效、禁用
$color-invalid: #757575; /*999*/
$color-invalid-hover: #ccc;

@mixin ssicon($paddingLeft:1px,$cursor:default) {
  i {
    text-align: center;font-weight: 400 !important;text-decoration: none !important;
    -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-text-stroke-width: .22px;
    position: relative;font-family: ssicon;font-size: 14px;padding-left: $paddingLeft;color: #9da1c4;cursor: $cursor;
  }
  @media not all, only screen and (-webkit-min-device-pixel-ratio: 2), not all, not all {
    i {-webkit-text-stroke-width: .1px;}
  }
}

@mixin ssapp(/*$paddingLeft:1px,$cursor:default*/) {
  i {
    background-color: transparent;text-align: center;
    font-weight: 400;text-decoration: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-text-stroke-width: .22px;
    font-family: ssapp;
  }
  @media not all, only screen and (-webkit-min-device-pixel-ratio: 2), not all, not all {
    i {-webkit-text-stroke-width: .1px;}
  }
}
